<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="./css/public.css">
  <link rel="stylesheet" href="./css/index.css">
  <title>红包</title>
</head>
<body>
    <form action="" id="form">
        <!-- 头图 -->
        <div class="banner">
            <img class="top_pic" src="./images/head.png" id="banner_pic">
            <span class="sug">图片建议尺寸:750*600</span>
            <ul class="banner_mb">
                <li id="change_mb">
                    <i class="banner_mb_i"></i>
                    <span>更换模板</span>
                </li>
                <li id="change_img">
                    <i class="banner_pic_i"></i>
                    <span>更换图片</span>
                </li>
            </ul>
            <!--更换模板弹窗-->
            <div class="banner_mb_tab">
                <div class="clearfix">
                    <div class="banner_mb_tab_clk fr" data="" data-typeid="">
                            确认
                        </div>
                        <div class="banner_mb_tab_qx fr" data="">
                            取消
                        </div>
                    </div>
                <div class="banner_mb_tab_div">
                    <input name="mb_dialog" type="hidden" >
                    <ul id="mb_ul">
                        
                    </ul>
                </div>
            </div>
            <!-- 更换图片弹窗 -->
            <!-- <div class="banner_img_tab">
                <div class="clearfix">
                    <div class="banner_img_tab_upload fl">
                        <input type="file" id="file1" style="width:100%;height:100%;position: absolute;top: 0;left:0;opacity:0;">
                        上传图片
                    </div>
                    <span class="banner_sug_tab_upload fl">建议尺寸:750*600</span>
                    <div class="banner_img_tab_clk fr" data="" data-typeid="">
                        确认
                    </div>
                    <div class="banner_img_tab_qx fr" data="">
                        取消
                    </div>
                </div>
                <div class="banner_img_tab_div">
                    <ul id="img_ul">
                        
                    </ul>
                </div>
            </div> -->
            <div class="mb-edit-btnWrap" id="musicBtn">
                <input type="text" name="music" id="music" style="display: none;">
                <img src="./images/icon/music.png" alt="">
                <p>音乐</p>
            </div>
        </div>
        <!-- 头图 -->

        <!-- 活动标题 -->
        <div class="big_title" style="height: auto;">
            <div class="change_title">
                <i></i>
                <span>更换标题</span>
            </div>
            <textarea class="red_color" maxlength="30" id="red_title" name="big_title">**少儿艺术舞蹈班疯狂砍价，只需99即可赢取699的10节课程！</textarea>
            <em>包括标点符号最多30字</em>
        </div>
        <!-- 活动标题 -->

        <!-- 更换标题 -->
        <div class="title_tab_bg">
            <div class="banner_title_tab">
                <p class="banner_top">点击选择标题</p>
                <ul class="title_con">
                </ul>
                <button type="button" class="close_title">关闭</button>
            </div>
        </div>
        <!-- 更换标题 -->

        <!-- 活动时间 -->
        <div class="time">
            <e class="all_tips" style="float: none;margin-top: -0.1rem;display: inline-block;">*</e>
            <span>活动截止时间</span>
            <input name="endDate" id="EndDate" type="text" value="2019-01-01 16:02" readonly="">
        </div>
        <!-- 活动时间 -->

        <!-- 活动设置 -->
        <div class="setting">
            <div class="setting_con">
                <div class="price">
                    <span class="price_name">
                        <e class="all_tips">*</e>
                        价格：
                    </span>
                    <input type="number" id="price_content">
                    <span class="price_unit">元</span>
                </div>
                <ul class="setting_self">
                    <li>
                        <input type="checkbox" name="buy_record">
                        <span>购买记录</span>
                        <select name="record_heigth" id="buy_record">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </li>
                    <li>
                        <input type="checkbox" name="packet_rank">
                        <span>红包排行榜</span>
                        <select name="rank_height" id="packet_rank">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                        </select>
                    </li>
                </ul>
            </div>    
        </div>
        <!-- 活动设置 -->

        <!-- 活动详情 -->
        <div class="activity_detail">
            <label class="item_title">活动详情</label>
            <div class="item_con">
                <ul class="add_content text_con">
                    <li class="detail_con clearfix con_img">
                        <div class="textMark_input input_pic" style="position: relative;">
                            <input type="file" id="file0" style="width:100%;height:100%;position: absolute;top: 0;left:0;opacity:0;">
                            <img src="./images/icon/10.png" alt="">
                            <p>点击选择图片</p>
                        </div>
                        <input type="text" name="detail[]" style="display: none;">
                        <ul class="textMark_handle">
                            <li class="tHandleBottom">
                                <img src="./images/icon/3.png" alt="">
                                <span>向下</span>
                            </li>
                            <li class="tHandleTop">
                                <img src="./images/icon/8.png" alt="">
                                <span>向上</span>
                            </li>
                            <li class="tHandleDel">
                                <img src="./images/icon/5.png" alt="">
                                <span>删除</span>
                            </li>
                        </ul>
                    </li>
                    <li class="detail_con clearfix con_text">
                        <textarea name="detail[]" class="textMark_input" placeholder="请添加文本" oninput="MaxMe(this)"></textarea>
                        <ul class="textMark_handle">
                            <li class="tHandleBottom">
                                <img src="./images/icon/3.png" alt="">
                                <span>向下</span>
                            </li>
                            <li class="tHandleTop">
                                <img src="./images/icon/8.png" alt="">
                                <span>向上</span>
                            </li>
                            <li class="tHandleDel">
                                <img src="./images/icon/5.png" alt="">
                                <span>删除</span>
                            </li>
                        </ul>
                    </li>
                    <li class="detail_con clearfix con_video">
                        <input class="textMark_input" name="detail[]" placeholder="请输入视频网址（仅支持腾讯）">
                        <ul class="textMark_handle">
                            <li class="tHandleBottom">
                                <img src="./images/icon/3.png" alt="">
                                <span>向下</span>
                            </li>
                            <li class="tHandleTop">
                                <img src="./images/icon/8.png" alt="">
                                <span>向上</span>
                            </li>
                            <li class="tHandleDel">
                                <img src="./images/icon/5.png" alt="">
                                <span>删除</span>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="detail_tab">
                    <li id="add_text">
                        <i class="add_text_icon"></i>
                        <span>添加文本</span>
                    </li>
                    <li id="add_pic">
                        <i class="add_pic_icon"></i>
                        <span>添加图片</span>
                        <em>最多添加6张</em>
                    </li>
                    <li id="add_video">
                        <i class="add_video_icon"></i>
                        <span>添加视频</span>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 活动详情 -->
        
        <!-- 活动规则 -->
        <div class="rule">
            <label class="item_title">活动规则</label>
            <div class="item_con">
                <textarea name="rules" id="rules" oninput="MaxMe(this)">
                    1.活动规则
                    2.活动规则
                    3.活动规则
                    4.活动规则
                </textarea>
            </div>
        </div>
        <!-- 活动规则 -->

        <!-- 招商信息 -->
        <div class="investment">
            <label class="item_title">招商信息</label>
            <div class="item_con">
                
                <ul class="add_content text_con">
                    <li class="inves_con clearfix con_img">
                        <div class="textMark_input input_pic" style="position: relative;">
                            <input type="file" id="file0" style="width:100%;height:100%;position: absolute;top: 0;left:0;opacity:0;">
                            <img src="./images/icon/10.png" alt="">
                            <p>点击选择图片</p>
                        </div>
                        <input type="text" name="intro[]" style="display: none;">
                        <ul class="textMark_handle">
                            <li class="tHandleBottom">
                                <img src="./images/icon/3.png" alt="">
                                <span>向下</span>
                            </li>
                            <li class="tHandleTop">
                                <img src="./images/icon/8.png" alt="">
                                <span>向上</span>
                            </li>
                            <li class="tHandleDel">
                                <img src="./images/icon/5.png" alt="">
                                <span>删除</span>
                            </li>
                        </ul>
                    </li>
                    <li class="inves_con clearfix con_text">
                        <textarea name="intro[]" class="textMark_input" placeholder="请添加文本" oninput="MaxMe(this)"></textarea>
                        <!-- <img src="" id="description_img"> -->
                        <ul class="textMark_handle">
                            <li class="tHandleBottom">
                                <img src="./images/icon/3.png" alt="">
                                <span>向下</span>
                            </li>
                            <li class="tHandleTop">
                                <img src="./images/icon/8.png" alt="">
                                <span>向上</span>
                            </li>
                            <li class="tHandleDel">
                                <img src="./images/icon/5.png" alt="">
                                <span>删除</span>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="inves_tab">
                    <li id="inves_text">
                        <i class="add_text_icon"></i>
                        <span>添加文本</span>
                    </li>
                    <li id="inves_pic">
                        <i class="add_pic_icon"></i>
                        <span>添加图片</span>
                        <em>最多添加6张</em>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 招商信息 -->

        <!-- 信息收集 -->
        <div>
            
        </div>
        <!-- 信息收集 -->
    </form>










</body>
</html>